<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_100175MOBILE','img_100176MOBILE2','MZY_WoMen_100177MOBILE','onnec_100178MOBILE','　　　　_100179MOBILE'"  ></cms:ads>
<!doctype html>
<html>
 <head> 
  <meta charset="utf-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"> 
  <meta name="apple-mobile-web-app-capable" content="yes"> 
  <meta name="apple-mobile-web-app-status-bar-style" content="black"> 
  <meta name="format-detection" content="telephone=yes"> 
  <meta http-equiv="x-rim-auto-match" content="none"> 
  <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/xrfrz/mobile/css/mui.min.css"> 
  <link href="http://hwfile.jyymatrix.cc/xrfrz/mobile/css/reset.css" rel="stylesheet"> 
  <link href="http://hwfile.jyymatrix.cc/xrfrz/mobile/css/common.css" rel="stylesheet"> 
  <link href="http://hwfile.jyymatrix.cc/xrfrz/mobile/font/iconfont.css" rel="stylesheet"> 
  <link href="http://hwfile.jyymatrix.cc/xrfrz/mobile/css/animate.css" rel="stylesheet"> 
  <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>内容详情${网页标题}</title>
  <title>内容详情${网页标题}</title>
  <style type="text/css">
   .main-content {
    margin: 15px 5px 13px 5px;
    background-color: #ffffff;
    padding: 10px 13px 0px 13px;
    overflow: hidden;
   }
   .activebox { margin-top: 0px; margin-bottom: 20px; } .bgbanner { max-width: 100%; display: block; margin: 0 auto; } .mui-slider-indicator { bottom: 0; } .list-inner img { width: 100%; } .list-inner .extra { text-align: center; padding: 20px; } .list-inner .extra h3 { font-size: 16px; margin-bottom: 10px; } .list-inner .extra p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; line-height: 22px; font-size: 14px; } .list-inner .extra .button { margin: 20px 0 0; display: inline-block; padding: 8px 32px; background: #4899F5; color: #FFFFFF; border-radius: 4px; } .f-box { height: 85px; } .line-l { height: 35px; border-bottom: 1px solid #e4e4e4;; width: 90%; float: left; } .line-l-l { height: 35px; border-bottom: 2px solid #4899F5;; width: 6px; float: left; margin-top: 0.5px; } .line-r { height: 35px; border-bottom: 1px solid #e4e4e4;; width: 90%; float: right; } .line-r-r { height: 35px; border-bottom: 2px solid #4899F5;; width: 6px; float: right; margin-top: 0.5px; } .tile-box { background-color: #ffffff; } .tile-box-2 { background-color: #f2f2f2; overflow: hidden; } .line-c { text-align: center; float: left; } .line-c-t { font-size: 20px; margin-top: 20px; } .line-c-t span { font-weight: bold; } .line-c-tl { color: #979797; line-height: 30px; } .part1-title div { height: 40px; color: #333333; border: 1px solid #E0E0E0; line-height: 40px; margin: 0px -1px 0px 0px; font-size: 14px; text-align: center; } .part1-title-active { background-color: #4899F5; color: #ffffff !important; } .part1 { margin-top: 5px; border: 1px solid #4899F5; display: none; } .part1-l { background-color: #4899F5; text-align: center; height: 110px; color: #ffffff; position: relative; } .part1-l img { width: 32px; margin-top: 20px; } .part1-l p { color: #003877; font-size: 10px; transform: scale(0.7); } .part1 h2 { font-size: 16px; margin-top: 5px; } .part1-r img { width: 100%; height: 110px; } .part1-bb { padding: 5px; border-right: 1px solid #eeeeee; } .part1-t1 { font-size: 12px; display: block; width: 100%; } .part1-t2 { font-size: 12px; color: #4899F5; display: block; width: 100%; margin-top: 12px; text-align: right; } .triangle-down { height: 0; width: 0; overflow: hidden; font-size: 0; line-height: 0; border-color: transparent transparent transparent #4899F5; border-style: solid; border-width: 8px; position: absolute; top: 47px; right: -16px; } .part2-title div { height: 40px; color: #333333; line-height: 45px; font-size: 14px; text-align: center; } .part2-content { margin-top: 40px; background: #ffffff; margin: 5px; display: none; } .part2-content img { width: 100px; height: 60px; display: block; float: left; margin-right: 20px; } .part2-item { padding: 16px; border-bottom: 1px solid #efefef; overflow: hidden; } .part2-item-content { width: calc(100% - 120px); float: left; height: 60px; overflow: hidden; } .p2title { font-size: 14px; color: #333333; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .p2des { font-size: 12px; color: #909095; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 19px; margin-top: 5px; } .tile-box-3 { background-color: #EEF3FA; overflow: hidden; padding-bottom: 15px; } .card { border-radius: 3px; box-shadow: 1px 1px 10px 2px #eaeaea; background: #ffffff; padding-bottom: 13px; } .card-info a { width: 60px; height: 21px; background: #4899F5; border-radius: 0px 11px 11px 0px; color: #ffffff; display: inline-block; padding: 2px 8px; text-align: center; font-size: 10px; margin-bottom: 5px; display: block; margin-left: -10px; } .news2 span { font-size: 14px; color: #4899F5; margin-bottom: 10px; display: block; font-weight: bold; } #slider { margin-top: 53px; } .swiper-container { width: 100%; height: 210px; } .szkc-newsbox{ background-color: #ffffff; } .zc-newsbox2 { width: 49%; position: relative; margin-bottom: 20px; } .zc-newsbox2:nth-of-type(odd) { float: left; } .zc-newsbox2:nth-of-type(even) { float: right; } .zc-dis2 { color: #999999; font-size: 10px; width: 100%; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 15px; margin-top: 10px; } .zc-card-img{ width: 100%; max-height: 180px; } .zc-card-title { font-size: 13px; line-height: 20px; color: #333333; margin-top: 5px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }</style>
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body class="main body_gray"> 

  <jsp:include page="_top.jsp"></jsp:include> 
  <div id="slider" class="mui-slider"> 
   <div class="mui-slider-group"> 
    <div class="mui-slider-item"> 
     <img src="${img_100176MOBILE2.adImg}" class="zy" data-type="ad" data-id="${img_100176MOBILE2.adId}">
    </div> 
   </div> 
  </div>
  <div class="main-content">

   <cms:art var="art" id="${param.id }"  queryAround="true" ></cms:art>
   <h1 class="main-title">${art.artTitle}</h1>
   <div class="containere">
    ${art.artContent}
   </div>


  </div>
  <jsp:include page="_footer.jsp"></jsp:include> 
  <script src="http://hwfile.jyymatrix.cc/xrfrz/mobile/js/mui.js"></script> 
  <script src="http://hwfile.jyymatrix.cc/xrfrz/mobile/js/jquery.min.js"></script> 
  <script src="http://hwfile.jyymatrix.cc/xrfrz/mobile/js/common.js"></script>
 </body>
</html>